
import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs';
import store from '@/.storybook/store';
import testHeroTitleOnly from '../../../pages/testHeroTitleOnly.vue';

<Meta
  title="Pages/Test - Hero title only"
  component={testHeroTitleOnly}
  argTypes={{
    isOpen: { name:'Is open', control: { type: 'boolean' } },
  }}
/>

export const Template = (args, { argTypes }) => ({
  props: Object.keys(argTypes),
  components: { testHeroTitleOnly },
  store: store,
  template: '<testHeroTitleOnly />',
});

# Test page for hero with only a title

A detail page with a hero containing only a title.

<Canvas>
  <Story
    name="Example"
    args={{
      isOpen: false,
    }}
  >
    {Template.bind({})}
  </Story>
</Canvas>
